<!DOCTYPE html>
<meta charset="UTF-8">
<div style="padding: 10px;">
	<div style="margin: 10px 0;">
		<span>位置选择:</span> <select onchange="$('#tt').tabs({tabPosition:this.value})">
			<option value="top">Top</option>
			<option value="bottom">Bottom</option>
			<option value="left">Left</option>
			<option value="right">Right</option>
		</select>
	</div>
	<div id="tt" data-type="tabs" style="width: 500px; height: 300px"
		data-define="border:false,olborder:true,orborder:true,otborder:false,obborder:true">
		<div title="tab1" style="padding: 10px">
			<ul data-type="tree"
				data-define="method:'get',url: '${rc.contextPath}/assets/ui/jww/demo/testdata/tree_data1.json',animate:true"></ul>
		</div>
		<div title="tab2" data-define="closable:true" style="padding: 10px">tab2</div>
	</div>
</div>
